<template>
  <div class="caseAnalysis1">
    <div class="caseAnalysis1_top">案件类型分析</div>
    <div class="caseAnalysis1_buttom">
        <ul class="caseAnalysis1_buttom1">
            <li v-for="(item,i) in caseAnalysis1_buttom1Arr" :key="i" class="caseAnalysis1_buttom1Item">{{item.name}}</li>
            <li class="caseAnalysis1_buttom1Itemlast">(个人)</li>
        </ul>
        <ul class="caseAnalysis1_buttom2">
            <li v-for="(item,i) in caseAnalysis1_buttom2Arr" :key="i" class="caseAnalysis1_buttom1Item">{{item.name}}</li>
            <li class="caseAnalysis1_buttom1Itemlast">(案件类型)</li>
        </ul>
        <ul class="caseAnalysis1_buttom3">
            <li v-for="(item,i) in caseAnalysis1_buttom3Arr" :key="i" class="caseAnalysis1_buttom1Item">{{item.name}}</li>
            <li class="caseAnalysis1_buttom1Itemlast">(法人)</li>
        </ul>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      caseAnalysis1_buttom1Arr: [
        {
          name: "某某某 12次"
        },
        {
          name: "某某某 13次"
        },
        {
          name: "某某某 14次"
        }
      ],
      caseAnalysis1_buttom2Arr: [
        {
          name: "零售"
        },
        {
          name: "食品"
        },
        {
          name: "环保"
        },
        {
          name: "医药"
        },
        {
          name: "餐饮"
        }
      ],
      caseAnalysis1_buttom3Arr: [
        {
          name: "某某某 12次"
        },
        {
          name: "某某某 13次"
        },
        {
          name: "某某某 14次"
        }
      ]
    };
  }
};
</script>

<style lang="scss" scoped>
.caseAnalysis1 {
  width: 600px;
  background: url("../../assets/dapin/3/1.png") #0E1525 no-repeat;
  color: #fff;
  padding-top: 30px;
  .caseAnalysis1_top {
  padding-left: 15px;
  }
  .caseAnalysis1_buttom {
    width: 600px;
    display: flex;
    justify-content: space-around;
    ul {
      list-style: none;
      padding-left: 0;
      .caseAnalysis1_buttom1Item {
        background: url("../../assets/dapin/3/1111.png");
        margin-bottom: 5px;
        width: 142px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .caseAnalysis1_buttom1Itemlast{
        width: 142px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
  }
}
</style>